var aTe = document.getElementsByTagName("input");//获取表单项
var aSp = document.getElementsByTagName("span");//获取所有的表单提示信息项

/** 
 * 输入合法性验证
 **/

//正则验证封装的函数
/**************************
 *@param1:正则验证匹配表达式
 *@param2:某一项表单输入的对象
 *@param3:某一项提示信息对象
 *@param4:表单右侧的提示信息
 **************************/

var regCheck = function(reg,oTe,oSp,prompt){
    if(oTe == aTe[3] || oTe == aTe[4]){
        osP.style.display="inline";
    }
    if(!(reg.test(oTe.value))){
        oSp.innerHTML=prompt;
        oTe.style.cssText="border:1px solid red";
    }
    else{
        oSp.innerHTML="√"
        oTe.style.cssText="border:1px solid #eaeaea;";
    }
}

//用户名验证
aTe[0].onblur = function(){
    regCheck(/^[\u4e00-\u9fa5]{3,7}$/,aTe[0],aSp[0],"请输入3-7个汉字字符！");
}

//密码验证
aTe[1].onblur = function(){
    regCheck(/^\w{6,15}$/,aTe[1],aSp[1],"请输入6-15位数字、字母、_！");
}

//重复输入密码验证
aTe[2].onblur = function(){
    aSp[2].style.display="inline";
    var firstPwd = aTe[1].value;
    if(firstPwd != this.value){
        aSp[2].innerHTML="两次输入的密码不一致！"
        this.style.cssText="border:1px solid red";
    }
    else{
        aSp[2].innerHTML="√"
        this.style.cssText=" border:1px solid #eaeaea;";
    }
}

//邮箱验证
aTe[3].onblur = function(){
    aSp[3].style.display="inline";
    if(!(/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(this.value))){
        aTe[3].style.cssText="border:1px solid red";
    }
    else{
        aSp[3].innerHTML="√"
        aTe[3].style.cssText=" border:1px solid eaeaea;";
    }
}

//手机号验证
aTe[4].onblur = function(){
    aSp[4].style.display="inline";
    if(!(/^1[3456789]\d{9}$/.test(this.value))){     
        aTe[4].style.cssText="border:1px solid red";
    } 
    else{
        aSp[4].innerHTML="√"
        aTe[4].style.cssText=" border:1px solid eaeaea;";
    }
}

//用户名验证
// aTe[0].onblur = function(){
//     if(!(/^[\u4e00-\u9fa5]{3,7}$/.test(this.value))){
//         aSp[0].innerHTML="请按要求输入用户名！"
//         this.style.cssText="border:1px solid red";
//     }
//     else{
//         aSp[0].innerHTML="√"
//         this.style.cssText=" border:1px solid #eaeaea;";
//     }
// }

//密码验证
// aTe[1].onblur = function(){
//     if(!(/^\w{6,13}$/.test(this.value))){
//         aSp[1].innerHTML="请按要求输入密码！"
//         this.style.cssText="border:1px solid red";
//     }
//     else{
//         aSp[1].innerHTML="√"
//         this.style.cssText=" border:1px solid #eaeaea;";
//     }
// }

//点击注册后跳转到登录页面
document.querySelector(".register-btn").onclick = function(){
    for(var i = 0;i<aTe.length;i++){
        aTe[i].index = i;
        // console.log( aTe[i].index);
        if(aTe[aTe[i].index].value==""){
            alert("您没有填完哦！");
            return false;
        }
    }
    if(i == 5){
        window.location.href="../html/login.html";
        saveUserInfo();
    }
}

//保存已注册的用户信息
/**************************
 *@param1:正则验证匹配表达式
 *@param2:某一项表单输入的对象
 *@param3:某一项提示信息对象
 *@param4:表单右侧的提示信息
 **************************/
function saveUserInfo(){
    localStorage.setItem("username",aTe[0].value);
    localStorage.setItem("userpwd",aTe[2].value);
    var uname= localStorage.getItem("username");
    var upwd = localStorage.getItem("userpwd");
    
}